<script setup>
	// 组件
	import bottomTabBar from '@/components/bottomTabBar.vue'
	import sacrificeForm from '@/components/sacrificeForm.vue'
</script>

<template>
	<view class="">
		<sacrificeForm></sacrificeForm>
		<bottomTabBar current='2'></bottomTabBar>
	</view>
</template>

<style lang="scss" scoped>
	.bg-ad {
		height: 160px;
	}

	.form {
		background-color: #ededed;
	}

	.lunar,
	.gregorian {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 18px;
		width: 18px;
		border-radius: 50%;
		border: 1px solid #000;
		color: #fff;
		font-size: 12px;

		&.lunar {
			background-color: #cb8112;
		}

		&.gregorian {
			background-color: #4e6ef2;
		}
	}

	.textarea {
		border: 1px solid #ededed;
		border-radius: 8px;
		display: block;
		width: 100%;
		padding: 10px;
	}
</style>